gulpfile là nơi mà tất cả các hoạt động được xác định trong gulp. Cấu tạo cơ bản của gulpfile bao gồm các plugin cần thiết được bao gồm ở đầu, định nghĩa của các tác vụ và một tác vụ mặc định ở cuối.[14]

Plugin

Bất kỳ plugin được cài đặt nào được yêu cầu để thực hiện một tác vụ sẽ được thêm vào đầu gulpfile dưới dạng phụ thuộc theo định dạng sau.[12][13]

//Adding dependenciesvar gulp = require ('gulp');var gutil = require ('util-gulp');

Tác vụ

Các tác vụ sau đó có thể được tạo ra. Một tác vụ gulp được xác định bởi gulp.task và lấy tên của tác vụ làm tham số đầu tiên và một hàm làm tham số thứ hai.

Ví dụ sau đây cho thấy việc tạo ra một nhiệm vụ gulp. Tham số đầu tiên taskName là bắt buộc và chỉ định tên mà tác vụ trong trình bao có thể được thực thi [15]

//Defining tasksgulp.task ( 'taskName', function () {//do something});

Ngoài ra, một tác vụ thực hiện một số chức năng được xác định trước có thể được tạo ra. Các hàm này được truyền dưới dạng tham số thứ hai dưới dạng một mảng.

function fn1 () { // do something}function fn2 () {// Do something else}// Task with array of function namesgulp.task ( 'taskName', ['fn1','fn2']);

Tác vụ mặc định

Tác vụ mặc định sẽ được xác định ở cuối gulpfile. Nó có thể được chạy bởi lệnh gulp trong shell. Trong trường hợp dưới đây, tác vụ mặc định không làm gì cả.[13]

// Gulp default taskgulp.task ( 'default', [ '']);

Tác vụ mặc định được sử dụng trong gulp để chạy bất kỳ số lượng tác vụ phụ phụ thuộc nào được xác định ở trên theo thứ tự liên tục. gulp cũng có thể giám sát các tệp nguồn và chạy một tác vụ thích hợp khi các thay đổi được thực hiện đối với các tệp. Các tác vụ phụ sẽ được đề cập như là các thành phần của mảng trong tham số thứ hai. Quá trình có thể được kích hoạt bằng cách chạy tác vụ mặc định bằng lệnh gulp.[14]